import { Component } from 'react'
import './HotList.scss'
class HotList extends Component {
  state = {
    list: [
      { title: '一组海报带你看活力中国' },
      { title: '胡鑫宇家属.遗体在学校后山粮库...' },
      { title: '四川回应生育登记取消结婚限制' },
      { title: '多重部署为消费复苏添信心' },
      { title: '媒体:胡鑫宇录音笔解析今日出结果' },
      { title: '各地抢抓农时 做好春耕备耕工作' },
      // { title: '官方:胡鑫宇系自缢死亡' },
      // { title: '别给胡鑫宇家属造成二次伤害' },
      // { title: '30岁女子买70万平小岛成岛主' },
      // { title: '上百盒布洛芬被扔垃圾桶' },
    ],
  }
  render() {
    return (
      <main>
        <ul>
          <li>
            {this.state.list.map((item, index) => {
              return (
                <div className="href_news" key={index}>
                  <span>{index}</span>
                  {item.title}
                </div>
              )
            })}
          </li>
        </ul>
      </main>
    )
  }
}

export default HotList

// import { Component } from 'react'
// import './HotList.scss'
// class HotList extends Component {
//   state = {
//     list: [
//       { title: '一组海报带你看活力中国' },
//       { title: '胡鑫宇家属.遗体在学校后山粮库...' },
//       { title: '四川回应生育登记取消结婚限制' },
//       { title: '多重部署为消费复苏添信心' },
//       { title: '媒体:胡鑫宇录音笔解析今日出结果' },
//       { title: '各地抢抓农时 做好春耕备耕工作' },
//       { title: '官方:胡鑫宇系自缢死亡' },
//       { title: '别给胡鑫宇家属造成二次伤害' },
//       { title: '30岁女子买70万平小岛成岛主' },
//       { title: '上百盒布洛芬被扔垃圾桶' },
//     ],
//   }
//   render() {
//     return (
//       <main>
//         <div className="main-left">
//           <ul>
//             <li>
//               <a href="https://www.baidu.com/s?wd=%E4%B8%80%E7%BB%84%E6%B5%B7%E6%8A%A5%E5%B8%A6%E4%BD%A0%E7%9C%8B%E6%B4%BB%E5%8A%9B%E4%B8%AD%E5%9B%BD&sa=fyb_n_homepage&rsv_dl=fyb_n_homepage&from=super&cl=3&tn=baidutop10&fr=top1000&rsv_idx=2&hisfilter=1">
//                 一组海报带你看活力中国
//               </a>
//             </li>
//             <li>
//               <span>1</span>
//               <a href="https://www.baidu.com/s?wd=%E8%83%A1%E9%91%AB%E5%AE%87%E5%AE%B6%E5%B1%9E%3A%E9%81%97%E4%BD%93%E5%9C%A8%E5%AD%A6%E6%A0%A1%E5%90%8E%E5%B1%B1%E7%B2%AE%E5%BA%93%E6%89%BE%E5%88%B0&sa=fyb_n_homepage&rsv_dl=fyb_n_homepage&from=super&cl=3&tn=baidutop10&fr=top1000&rsv_idx=2&hisfilter=1">
//                 胡鑫宇家属.遗体在学校后山粮库...
//               </a>
//               <div> 热 </div>
//             </li>
//             <li>
//               <span>2</span>
//               <a href="https://www.baidu.com/s?wd=%E4%B8%93%E5%AE%B6%E7%A7%B0%E5%B9%B4%E8%BD%BB%E6%97%B6%E4%B8%8D%E5%BA%94%E4%B8%BA%E9%92%B1%E5%8E%BB%E9%80%89%E6%8B%A9%E5%B7%A5%E4%BD%9C&sa=fyb_n_homepage&rsv_dl=fyb_n_homepage&from=super&cl=3&tn=baidutop10&fr=top1000&rsv_idx=2&hisfilter=1">
//                 四川回应生育登记取消结婚限制
//               </a>
//               <div> 热 </div>
//             </li>
//           </ul>
//         </div>

//         <div className="main-right">
//           <ul>
//             <li>
//               <span>3</span>
//               <a href="https://www.baidu.com/s?wd=%E5%A4%9A%E9%87%8D%E9%83%A8%E7%BD%B2%E4%B8%BA%E6%B6%88%E8%B4%B9%E5%A4%8D%E8%8B%8F%E6%B7%BB%E4%BF%A1%E5%BF%83&sa=fyb_n_homepage&rsv_dl=fyb_n_homepage&from=super&cl=3&tn=baidutop10&fr=top1000&rsv_idx=2&hisfilter=1">
//                 多重部署为消费复苏添信心
//               </a>
//             </li>
//             <li>
//               <span>4</span>
//               <a href="https://www.baidu.com/s?wd=%E5%AA%92%E4%BD%93%EF%BC%9A%E8%83%A1%E9%91%AB%E5%AE%87%E5%BD%95%E9%9F%B3%E7%AC%94%E8%A7%A3%E6%9E%90%E4%BB%8A%E6%97%A5%E5%87%BA%E7%BB%93%E6%9E%9C&sa=fyb_n_homepage&rsv_dl=fyb_n_homepage&from=super&cl=3&tn=baidutop10&fr=top1000&rsv_idx=2&hisfilter=1">
//                 媒体:胡鑫宇录音笔解析今日出结果
//               </a>
//               <div> 热 </div>
//             </li>
//             <li>
//               <span>5</span>
//               <a href="a">900万人次旅客春节飞去了哪儿</a>
//             </li>
//           </ul>
//         </div>
//       </main>
//     )
//   }
// }

// export default HotList
